$(document).ready(function(){
    //将localstorage中的数据渲染出来
    for (var i = 0; i < localStorage.length; i++){
        let draft=localStorage.key(i);//事件名称
        let state=localStorage.getItem(localStorage.key(i));//根据key值,找到value
        //这样写可能麻烦,因为太长了
        var Cont='<div class="tr" id="'+state+'" name="'+draft+'">'
        +'<input type="checkbox" class="完成复选框">'
        +'<div class="th">'+draft+'</div>'+'<div class="td">'
        +'<button class="修改事件">修改</button> <button class="删除单个" >删除</button>'
        +'<input type="checkbox" class="删除复选框" name="delbox"></div></div>'
        // 在主体的末尾中添加tr
        // console.log(draft)
        // console.log(Cont)
        $(".start").after(Cont);
    }  
    //页面加载时通过id来重新确认勾选框状态以及隐藏已完成的
    $("#已完成").each(function(){
        $(this).children("input:first").prop("checked",true);
        $(this).children("div:first").css({"text-decoration":"line-through"});
        $(this).hide();
    }); 
    //页面加载完成时来一次统计
    SumUP();
});